@charset "UTF-8";

/*** 公共 开始***/

// 新闻列表 开始
.channel1 {
    height: 100%;
    margin-top: 0em;
    .global-inner {
        padding: 0em 0 2em;
        border-bottom: 1px solid #0b573e;
    }
    .boxs {
        height: 21.5em;
        display: flex;
        position: relative;
        justify-content: space-between;
        box-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.1);
    }
    .bgk {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 18.5em;
        height: 7.75em;
        background: no-repeat center;
        background-size: cover;
    }
    .left {
        width: 35em;
        width: 50%;
        max-width: 35em;
        height: 100%;
    }
    .channel1-swiper1 {
        overflow: hidden;
        position: relative;
        background-color: #fff;
        box-shadow: 0px 10px 15px 0px rgba(11, 2, 5, 0.15);
        .item {
            background-color: #ffffff;
        }
        .slide-imgs {
            width: 35em;
            height: 21.5em;
            overflow: hidden;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .slide-bd {
            height: 13em;
            padding: 1.25em 1.25em 6em;
            background-color: #fff;
        }
        .channel1-btn {
            width: auto;
            height: 1em;
            font-size: .9em;
            right: 4.166em;
            bottom: 1.66em;
            left: inherit;
            color: #fff;
            text-align: inherit;
        }
        .channel1-btn-next,
        .channel1-btn-prev {
            top: inherit;
            bottom: 1em;
            width: 1.8em;
            height: 1.8em;
            border: 1px solid #fff;
            display: flex;
            -webkit-display: flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            .bi {
                top: 60%;
                width: .5em;
                height: 1em;
                color: #fff;
            }
        }
        .channel1-btn-next::after,
        .channel1-btn-prev::after {
            display: none;
        }
        .channel1-btn-next {
            right: 1em;
        }
        .channel1-btn-prev {
            left: inherit;
            right: 6.4em;
        }
    }
    .right {
        // width: 28.5em;
        width: 50%;
        overflow: hidden;
    }
    .channel1-swiper2 {
        width: 100%;
        .bd {
            padding: 3em;
        }
        .time {
            font-size: .8em;
            line-height: 1;
            font-weight: bold;
            color: #0970d9;
            margin-bottom: 1.357em;
        }
        .tit {
            height: 3em;
            font-size: 1.2em;
            line-height: 1.5em;
            font-weight: bold;
            color: #0970d9;
            margin-bottom: 1.15em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .doc {
            height: 6em;
            font-size: .8em;
            line-height: 1.5em;
            color: #666;
            display: -webkit-box;
            // -webkit-box-orient: vertical;
            -webkit-line-clamp: 4;
            overflow: hidden;
        }
        .more {
            font-size: .8em;
            line-height: 1;
            color: #0970d9;
            margin-top: 3.8em;
        }
    }
}

@media (max-width:991.98px) {
    .channel1 {
        width: 100%;
        .boxs {
            height: 100%;
            display: block;
            margin-top: .0rem;
        }
        .left {
            width: 100%;
            max-width: none;
        }
        .channel1-swiper1 {
            .slide-imgs {
                width: 100%;
                height: 4.14rem;
            }
        }
        .right {
            width: 100%;
        }
        .channel1-swiper2 {
            width: 100%;
            padding: 0;
            .bd {
                width: 100%;
                padding: .5rem .3rem .56rem;
            }
            .time {
                font-size: .28rem;
                line-height: 1;
                font-weight: normal;
            }
            .tit {
                font-size: .36rem;
                line-height: .5rem;
            }
            .doc {
                font-size: .28rem;
                line-height: .46rem;
                height: .9rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
            }
            .more {
                font-size: .28rem;
                color: #0970d9;
                margin-top: .52rem;
            }
            .channel1-btn2 {
                bottom: .4rem;
            }
            .swiper-pagination-bullet {
                width: .2rem;
                height: .2rem;
                border-radius: 50%;
                border: .03rem solid #0b573e;
                background-color: rgba(0, 0, 0, 0);
            }
            .swiper-pagination-bullet-active {
                background-color: #0b573e;
            }
        }
    }
}

.channel2 {
    margin-top: 3em;
    .news-list {
        .item {
            width: 31.85%;
            max-width: 31.85%;
            padding: 0em;
            margin: 0 .75em;
            margin-bottom: 2em;
            position: relative;
            background-color: #fff;
            box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.1);
        }
        .item:nth-child(3n-2) {
            margin-left: 0;
        }
        .item:nth-child(3n) {
            margin-right: 0;
        }
        // .item:nth-last-child(1),
        // .item:nth-last-child(2),
        // .item:nth-last-child(3) {
        //     margin-bottom: 0;
        // }
        // .item:nth-last-child(3) {
        //     margin-bottom: 2em;
        // }
        .box {
            width: 100%;
            height: 100%;
        }
        .imgs {
            width: 100%;
            height: 13.7em;
            overflow: hidden;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .bd {
            padding: 1.1em 1.65em 2.2em;
        }
        .doc {
            height: 3em;
            font-size: 1em;
            line-height: 1.5em;
            font-weight: bold;
            color: #000;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .time {
            font-size: .7em;
            line-height: 1em;
            color: #0970d9;
            margin-bottom: 1.05em;
        }
        .more {
            font-size: .8em;
            line-height: 1;
            margin-top: 2.375em;
            display: flex;
            align-items: center;
            color: #0970d9;
            .bi {
                width: .8em;
                height: .65em;
                margin-left: 5px;
            }
        }
    }
}

@media (max-width:1450px) {
    .channel2 .news-list .item {
        margin: 0 0.5em;
        margin-bottom: 2em;
    }
}

@media (max-width:991.98px) {
    .channel2 {
        margin-top: .55rem;
        .boxs {
            padding-top: .6rem;
            border-top: 1px solid rgba(30, 47, 70, .2);
        }
        .news-list {
            .item {
                width: 100%;
                max-width: none;
                margin: 0 !important;
                // padding: 0.6rem 0 .6rem 0;
                margin-bottom: 0.5rem !important;
                position: relative;
                background-color: #fff;
                border-bottom: 1px solid #e6e6e6;
            }
            .item:last-child {
                margin-bottom: 0rem !important;
            }
            .item::after {
                display: none;
            }
            .imgs {
                width: 100%;
                height: 4.14rem;
                overflow: hidden;
            }
            .bd {
                padding: .5rem .3rem;
            }
            .time {
                font-size: .28rem;
                line-height: .36rem;
                color: #0970d9;
                margin-bottom: .32rem;
            }
            .doc {
                font-size: .34rem;
                line-height: .5rem;
                color: #333;
            }
            .more {
                font-size: .28rem;
                line-height: .28rem;
                margin-top: .43rem;
                display: flex;
                align-items: center;
                color: #0970d9;
                .bi {
                    width: .34rem;
                    margin-left: .2rem;
                }
            }
        }
    }
}

// 新闻列表 结束
// 信息公示 开始
.channel3 {
    .global-inner1 {
        padding: 0 3em !important;
    }
    .list {
        .item {
            padding: 1.5em 1em 1.5em 0;
            border-bottom: 1px solid #ccc;
        }
        .item:first-child {
            padding-top: 0;
        }
        .box {
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: space-between;
            -webkit-justify-content: space-between;
        }
        .left {
            width: 85%;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
        }
        .time {
            font-size: .9em;
            line-height: 1;
            color: #666;
        }
        .doc {
            font-size: 1em;
            line-height: 1.7em;
            margin-left: 4em;
            color: #333;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow: hidden;
        }
        .right {
            position: relative;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
        }
        .right::before {
            display: none;
            position: absolute;
            content: '';
            top: 7px;
            left: 0;
            width: 20px;
            height: 2px;
            background-color: #0970d9;
            // transform: translateY(-55%);
            z-index: -1;
        }
        .bi-before {
            width: 20px;
            height: 2px;
            background-color: #0970d9;
            background-color: #2882de;
        }
        .bi {
            width: 24px;
            height: 16px;
            color: #333;
            color: #0970d9;
            transition: all .3s;
            -webkit-transition: all .3s;
        }
    }
}

@media (min-width:1000px) {
    .channel3 .item:hover {
        .item {
            padding-right: 0;
        }
        .time,
        .doc {
            color: #0970d9;
            font-weight: bold;
        }
        .time {
            letter-spacing: -.035em;
        }
        .bi {
            color: #0970d9;
            transform: translateX(1em);
            transition: all .3s;
            -webkit-transition: all .3s;
        }
        .right::before {
            display: block;
            transition: all .3s;
            -webkit-transition: all .3s;
        }
    }
}

@media (max-width:991.98px) {
    .channel3 {
        .global-inner1 {
            padding: 0em 0.5rem !important;
        }
        .list {
            .item {
                padding: .5rem 0;
                border-bottom: 1px solid #ccc;
            }
            .item:first-child {
                padding-top: 0;
            }
            .box {
                display: block;
            }
            .left {
                display: block;
                width: 100%;
            }
            .time {
                font-size: .28rem;
                line-height: 1;
                color: #666;
                margin-bottom: .19rem;
            }
            .doc {
                width: 100%;
                font-size: .34rem;
                line-height: .5rem;
                margin: 0 0rem .28rem;
                color: #1e2f46;
                -webkit-line-clamp: 2;
            }
            .right {
                position: relative;
                .more {
                    font-size: .28rem;
                    line-height: 1;
                    color: #0970d9;
                }
            }
            .right::before {
                display: none;
            }
            .bi-before {
                width: 20px;
                height: 2px;
                background-color: #0970d9;
                background-color: #2882de;
            }
            .bi {
                width: 24px;
                height: 16px;
                color: #333;
                color: #0970d9;
            }
        }
    }
}

// 信息公示 结束
// 新闻详情页 开始
.channel4 {
    .boxs {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .left {
        width: 50em;
        width: 71.42%;
        // max-width: 50em;
        margin-top: 1.5em;
        padding-top: 2.1em;
        border-top: 1px solid #abc8e5;
    }
    .right {
        width: 16em;
        width: 22.85%;
        // max-width: 16em;
    }
    .catalog {
        margin-top: -.9em;
        .reading {
            padding-bottom: 1.5em;
            border-bottom: 1px solid #abc8e5;
            .tit {
                font-size: .9em;
                line-height: 1;
                font-weight: bold;
                color: #0970d9;
            }
        }
        .list {
            padding: 2.25em 0 1.5em;
            .item {
                padding: 1.15em 0 1.4em;
                border-bottom: 1px solid #ccc;
                .tit {
                    font-size: .9em;
                    line-height: 1.55;
                    color: #333;
                    margin-bottom: .833em;
                }
                .time {
                    font-size: .7em;
                    line-height: 1;
                    color: #666;
                }
            }
            .item:first-child {
                padding-top: 0;
            }
        }
        .back-list {
            .box {
                font-size: .8em;
                line-height: 1;
            }
            .image {
                margin-left: .35em;
            }
        }
    }
    .introd-tit {
        .tit {
            font-size: 1.6em;
            line-height: 1.375;
            color: #000;
            margin-bottom: 1.25em;
        }
        .time {
            font-size: .8em;
            line-height: 1;
            color: #0970d9;
        }
    }
    .introd-doc {
        min-height: 500px;
        text-align: center;
        padding-bottom: 2.2em;
        border-bottom: 1px solid #ccc;
        a {
            color: green;
        }
        p {
            font-size: .8em;
            line-height: 2;
            color: #666;
            margin: 1em 0;
            text-align: left;
        }
        p:first-child {
            margin-top: 0;
        }
        p:last-child {
            margin-bottom: 0;
        }
        img {
            width: 100%;
            // max-width: 800px;
            height: 100%;
            margin: 0.8em auto;
            // margin-bottom: .8em;
            object-fit: cover;
        }
        table {
            width: 100% !important;
            td {
                width: 20% !important;
                border: solid 1px #333;
                p {
                    text-align: center;
                    text-indent: 0 !important;
                }
            }
            p {
                margin-bottom: 0;
            }
        }
    }
}

//  编辑器内容 开始
@media (max-width:991.98px) {
    .channel4 {
        .boxs {
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
        }
        .left {
            width: 100%;
            margin-top: .3rem;
            padding-top: .49rem;
        }
        .introd-tit {
            .tit {
                font-size: .36rem;
                line-height: .52rem;
                margin-bottom: .46rem;
            }
            .time {
                font-size: .28rem;
            }
        }
        .introd-doc {
            min-height: 4rem;
            p {
                font-size: .32rem;
                line-height: .52rem;
                margin: .57rem 0;
                color: #4d4d4d;
            }
            img {
                margin: .1rem 0;
            }
        }
    }
}

//  编辑器内容 结束
// 党建新闻 开始
.channel5 {
    margin-top: 2.5em;
    .boxs {
        height: auto;
        padding-bottom: 3em;
        box-shadow: none;
        flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
    }
    .item1 {
        border-bottom: 1px solid #dcdcdc;
    }
    .item1:first-child {
        border-top: 1px solid #dcdcdc;
    }
    .right {
        width: 57.14%;
    }
    .left {
        width: 42.86%;
        max-width: none;
        padding: 3em 0 0em 0;
    }
    .channel1-swiper1 {
        width: 74.16%;
        float: right;
        .slide-imgs {
            width: 100%;
            height: 13.75em;
        }
    }
    .channel1-swiper2 {
        .bd {
            padding: 3em 0 0;
        }
        .doc {
            height: 3.75em;
            line-height: 1.875;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            overflow: hidden;
        }
        .time {
            margin-bottom: 1.1em;
        }
        .more {
            margin-top: 2.685em;
        }
    }
}

@media (max-width:991.98px) {
    .channel6 {
        .channel1-swiper2 {
            .tit {
                margin-bottom: 0.15rem;
            }
        }
    }
    .channel5 {
        margin-top: 2.5em;
        .boxs {
            height: auto;
            padding-bottom: .6rem;
            display: block;
        }
        .item1 {
            border-bottom: 1px solid #dcdcdc;
        }
        .item1:first-child {
            border-top: 1px solid #dcdcdc;
        }
        .right {
            width: 100%;
        }
        .left {
            width: 100%;
            max-width: none;
            padding: .6rem 0 0em 0;
        }
        .channel1-swiper1 {
            width: 100%;
        }
        .channel1-swiper2 {
            .bd {
                padding: .5rem 0 0;
            }
            .doc {
                height: 1.6rem;
                font-size: .28rem;
                line-height: 1.875;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }
            .time {
                margin-bottom: .32rem;
            }
            .tit {
                margin-bottom: .05rem !important;
            }
            .more {
                margin-top: .52rem;
            }
        }
    }
}

// 党建新闻 结束
// 招聘列表 开始
.channel7 {
    .boxs {
        padding: 0 5em;
    }
    .tabbox {
        padding: 3em;
        background-color: #f7f9fc;
        border: 1px solid #e8ecf0;
        table {
            width: 100%;
            text-align: center;
            border: 0;
        }
        th {
            font-size: .9em;
            line-height: 1;
            color: #fff;
            font-weight: bold;
            padding: 1.22em 0;
            border: 0;
            border-bottom: 1px solid #d7dadd;
        }
        th:nth-child(1) {
            width: 31.48%;
        }
        th:nth-child(2) {
            width: 18.51%;
        }
        th:nth-child(3) {
            width: 27.77%;
        }
        th:nth-child(4) {
            width: 21.75%;
        }
        td {
            font-size: .9em;
            line-height: 1.5;
            padding: 1.38em 0;
            border: 0;
            border-bottom: 1px solid #d7dadd;
        }
        tr:nth-child(1) {
            background-color: #0970d9;
        }
    }
    .global-paging {
        margin-top: 2.5em;
    }
}

@media (max-width:991.98px) {
    .channel7 {
        .global-inner1 {
            padding: 0 .25rem !important;
        }
        .boxs {
            padding: 0em;
        }
        .tabbox {
            // width: 150%;
            overflow-x: scroll;
            padding: .6rem .25rem 1rem;
            background-color: #f7f9fc;
            border: 1px solid #e8ecf0;
            table {
                width: 160%;
                overflow-x: scroll;
                text-align: center;
                border: 0;
            }
            th {
                font-size: .28rem;
                line-height: 1;
                color: #fff;
                font-weight: bold;
                padding: .3rem 0;
                border: 0;
                border-bottom: 1px solid #d7dadd;
            }
            th {
                width: 25% !important;
            }
            td {
                font-size: .28rem;
                line-height: .4rem;
                padding: .3rem 0;
                border: 0;
                border-bottom: 1px solid #d7dadd;
            }
            tr:nth-child(1) {
                background-color: #0970d9;
            }
        }
        .global-paging {
            margin-top: 2.5em;
        }
    }
}

// 招聘列表 结束
// 招聘岗位 开始
.channel8 {
    .boxs {
        padding: 0 5em;
    }
    .hr-del-box {
        padding: 3em;
        background-color: #f7f9fc;
        border: 1px solid #e8ecf0;
    }
    .top {
        padding-bottom: 1em;
        border-bottom: 1px solid #c6c9cc;
        .item1 {
            margin-bottom: 2.4em;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            .tit {
                font-size: 1.8em;
                line-height: 1;
                color: #333;
                font-weight: bold;
            }
            .back {
                width: 124px;
                height: 38px;
                .box {
                    position: relative;
                    width: 100%;
                    height: 100%;
                    font-size: .8em;
                    line-height: 1;
                    color: #0970d9;
                    white-space: nowrap;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    border-radius: 10px;
                    border: solid 1px #0970d9;
                    overflow: hidden;
                    transition: all .5s;
                    -webkit-transition: all .5s;
                }
                .box::before {
                    position: absolute;
                    display: block;
                    content: '';
                    width: 10px;
                    height: 10px;
                    background-color: #0964b5;
                    transform: scale(0);
                    transition: all .5s;
                    -webkit-transition: all .5s;
                    left: -5%;
                    top: 15px;
                    z-index: -1;
                    border-radius: 50%;
                }
            }
        }
        .item2 {
            font-size: .9em;
            line-height: 1;
            display: flex;
            display: -webkit-flex;
            margin: 0 -1.55em 0 -1.3em;
            .item2-item {
                position: relative;
                padding: 0 1.55em 0 1.3em;
            }
            .item2-item::after {
                position: absolute;
                content: '|';
                right: 0;
                top: 0;
            }
            .item2-item:last-child::after {
                display: none;
            }
        }
    }
    .end {
        padding: 2em 0 1.9em;
        border-bottom: 1px solid #c6c9cc;
        h5 {
            font-size: 1em;
            line-height: 2em;
            color: #333;
            font-weight: bold;
        }
        p {
            font-size: .9em;
            line-height: 2.22;
            color: #4d4d4d;
        }
    }
    .email {
        margin-top: 1.9em;
        display: flex;
        display: -webkit-flex;
        .item {
            position: relative;
            font-size: 1.1em;
            line-height: 1;
            color: #0970d9;
            font-weight: bold;
        }
        .email-num {
            padding-right: 2.3em;
        }
        .email-num::after {
            position: absolute;
            content: '/';
            right: 0;
            top: 0;
            color: #666;
            font-weight: normal;
        }
        .email-del {
            padding-left: 1.5em;
        }
    }
}

@media (max-width:991.98px) {
    .channel8 {
        .global-inner1 {
            padding: 0 .25rem !important;
        }
        .boxs {
            padding: 0em;
        }
        .hr-del-box {
            padding: .6rem .25rem 1rem;
        }
        .top {
            padding-bottom: 1em;
            .item1 {
                margin-bottom: 2.4em;
                .tit {
                    font-size: .36rem;
                    line-height: 1;
                }
            }
            .item2 {
                font-size: .28rem;
                line-height: .46rem;
                display: flex;
                display: -webkit-flex;
                flex-wrap: wrap;
                margin: 0 -.4rem;
                .item2-item {
                    position: relative;
                    padding: 0 .4rem;
                }
            }
        }
        .end {
            padding: 0em 0 .44rem;
            border-bottom: 1px solid #c6c9cc;
            h5 {
                font-size: .3rem;
                line-height: .5rem;
                margin-top: .5rem;
                margin-bottom: .09rem;
            }
            p {
                font-size: .28rem;
                line-height: .5rem;
            }
        }
        .email {
            margin-top: 1.9em;
            display: block;
            .item {
                font-size: .32rem;
                line-height: .56rem;
            }
            .email-num {
                padding-right: 0;
            }
            .email-num::after {
                display: none;
            }
            .email-del {
                padding-left: 0;
            }
        }
        .back {
            width: 2rem;
            height: .6rem;
            margin: 0 auto;
            margin-top: .64rem;
            .box {
                position: relative;
                width: 100%;
                height: 100%;
                font-size: .26rem;
                line-height: 1;
                color: #0970d9;
                white-space: nowrap;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 30px;
                border: solid 1px #0970d9;
                overflow: hidden;
            }
        }
    }
}

@media (min-width:991.98px) {
    .channel8 .top .item1 .back:hover {
        .box {
            color: #fff;
            z-index: 2;
            transition: all .5s;
            -webkit-transition: all .5s;
        }
        .box::before {
            transform: scale(40);
        }
    }
}

// 招聘岗位 结束
// 工厂能力 开始
.channel9 {
    .top {
        padding: 2.5em 0;
        display: flex;
        display: -webkit-flex;
        border-bottom: 1px solid #dcdcdc;
        .left {
            width: 46.42%;
            .channel9-swiper {
                position: relative;
                overflow: hidden;
                .slide-imgs {
                    width: 100%;
                    height: 20em;
                    overflow: hidden;
                }
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                .channel9-btn-next::after,
                .channel9-btn-prev::after {
                    display: none;
                }
                .channel9-btn-next,
                .channel9-btn-prev {
                    width: 2.5em;
                    height: 2.5em;
                    border-radius: 50%;
                    background-color: rgba(255, 255, 255, 0.5);
                    .bi {
                        width: .7em;
                        height: .5em;
                    }
                }
            }
        }
        .right {
            width: 53.58%;
            padding-left: 4.5em;
            margin-top: -1em;
            .list {
                .tit {
                    font-size: 2.8em;
                    line-height: 1.5;
                    font-weight: bold;
                }
            }
        }
    }
    .end {
        margin-top: 1.6em;
        .list {
            display: flex;
            display: -webkit-flex;
        }
        .item {
            padding-right: 15em;
            .tit {
                font-size: 1.3em;
                line-height: 2.3;
                font-weight: bold;
                color: #333;
            }
            .doc {
                font-size: .8em;
                line-height: 2.1;
                color: #333;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel9 {
        .top {
            padding: .5rem 0 .63rem;
            display: block;
            .left {
                width: 100%;
                .channel9-swiper {
                    position: relative;
                    overflow: hidden;
                    .slide-imgs {
                        width: 100%;
                        height: 4rem;
                        overflow: hidden;
                    }
                    .channel9-btn-next,
                    .channel9-btn-prev {
                        width: .6rem;
                        height: .6rem;
                        .bi {
                            width: .16rem;
                            height: .11rem;
                        }
                    }
                }
            }
            .right {
                width: 100%;
                padding-left: 0em;
                margin-top: .4rem;
                .list {
                    .tit {
                        font-size: .56rem;
                        line-height: .9rem;
                        color: #333;
                    }
                }
            }
        }
        .end {
            margin-top: .4rem;
            .list {
                display: block;
            }
            .item {
                padding-right: 0;
                margin-top: .4rem;
                .tit {
                    font-size: .32rem;
                    line-height: .6rem;
                }
                .doc {
                    font-size: .26rem;
                    line-height: .46rem;
                }
            }
        }
    }
}

@media (min-width:991.98px) {
    .channel9 .top .right .list .item:hover {
        .tit {
            color: #0964b5;
        }
    }
}

.p-plant-innovate {
    .main-box {
        padding-bottom: 4.55em;
    }
}

.channel10 {
    .top {
        padding: 1em 0 5em;
        border-bottom: 0;
        .left {
            width: 50%;
        }
        .right {
            width: 50%;
            padding-left: 4em;
            margin-top: 2em;
        }
    }
    .end1 {
        padding: 5em 0 0;
        .list {
            margin: 2.5em -15px 0;
            .imgs {
                width: 100%;
                height: 15.25em;
                overflow: hidden;
            }
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
            .tit {
                text-align: center;
                font-size: 1em;
                line-height: 1.8;
                color: #333;
                margin-top: 1em;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel10 {
        .top {
            display: flex;
            flex-direction: column-reverse;
            padding: 0;
            border-bottom: 0;
            padding-bottom: 1rem;
            .left {
                width: 100%;
                margin-top: .5rem;
            }
            .right {
                width: 100%;
                padding-left: 0em;
                margin-top: 0em;
            }
        }
        .end1 {
            padding: .9rem 0 0;
            .list {
                margin: 0em -15px 0;
                padding-top: .7rem;
                .item {
                    margin-top: .6rem;
                }
                .item:first-child {
                    margin-top: 0;
                }
                .imgs {
                    width: 100%;
                    height: 4.45rem;
                    overflow: hidden;
                }
                .tit {
                    text-align: center;
                    font-size: .28rem;
                    line-height: .36rem;
                    color: #333;
                    margin-top: .36rem;
                }
            }
        }
    }
}

// 工厂能力 结束
// 人才理念 开始
.channel11 {
    .boxs {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .left {
        position: relative;
        width: 47.14%;
        .item {
            display: none;
            .imgs {
                width: 100%;
                height: 26em;
                overflow: hidden;
            }
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .item:first-child {
            display: block;
        }
    }
    .left::before {
        position: absolute;
        content: '';
        bottom: 0;
        left: -5em;
        width: 5em;
        height: 17.5em;
        background-color: #ebf2fa;
        z-index: -1;
    }
    .right {
        width: 48.57%;
        .item {
            position: relative;
            height: 6.5em;
            color: #333;
            padding: 2.312em 0;
            border-bottom: 1px solid #999;
            overflow: hidden;
        }
        .item::after {
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            width: 0;
            height: 134px;
            z-index: -1;
        }
        .tit {
            position: absolute;
            top: .77em;
            left: 0em;
            font-size: 1.1em;
            line-height: 1.63;
            font-weight: bold;
            transition: .5s transform cubic-bezier(0.2, 0.0, 0.2, 1);
        }
        .doc {
            position: absolute;
            bottom: 1em;
            bottom: 0;
            // left: 1.66em;
            // left: 0em;
            // display: none;
            width: 113.5%;
            font-size: .9em;
            line-height: 1.44;
            margin-top: 0;
            opacity: 0;
            transform: translate(-2em, 4em);
            -webkit-transform: translate(-2em, 4em);
            transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
            -webkit-transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
        }
        .item:first-child {
            border-top: 1px solid #999;
        }
    }
}

@media (min-width:991.98px) {
    .channel11 {
        .right {
            .item::after {
                transition: .5s width cubic-bezier(0.2, 0, 0.2, 1);
            }
            .item.active {
                color: #fff;
                padding: .75em 1.5em .9em;
                // background-color: #2f83d8;
                .tit {
                    transform: translate(30px, 0);
                    -webkit-transform: translate(30px, 0);
                }
                .doc {
                    width: 100%;
                    bottom: 0;
                    opacity: 1;
                    position: static;
                    color: white;
                    transform: translate(0em, 2.5em);
                    -webkit-transform: translate(0em, 2.5em);
                    transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
                    -webkit-transition: .5s transform cubic-bezier(0.2, 0, 0.2, 1), .2s opacity cubic-bezier(0.2, 0, 0.2, 1);
                }
            }
            .item.active::after {
                width: 100%;
                background-color: #0964b5;
            }
            .item.active:nth-child(2n)::after {
                width: 100%;
                background-color: #ff671f;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel11 {
        .boxs {
            display: block;
        }
        .left {
            position: relative;
            width: 100%;
            margin-left: -.5rem;
            .item {
                display: none;
                .imgs {
                    width: 100%;
                    height: 5.5rem;
                    overflow: hidden;
                }
            }
        }
        .left::before {
            position: absolute;
            content: '';
            bottom: 0;
            left: auto;
            right: -1rem;
            width: 4.87rem;
            height: 4rem;
            background-color: #ebf2fa;
        }
        .right {
            margin-top: -1.2rem;
            width: 100%;
            .item {
                position: relative;
                height: auto;
                color: #333;
                padding: 1.1em 1.5em;
                border-bottom: 1px solid #ccc;
                overflow: hidden;
                background-color: #fff;
            }
            .tit {
                position: relative;
                top: 0;
                left: 0;
                font-size: .32rem;
                line-height: .36rem;
                transform: translate(0px, 0);
                -webkit-transform: translate(0px, 0);
            }
            .doc {
                position: relative;
                display: none;
                width: 100%;
                font-size: .28rem;
                line-height: .44rem;
                margin-top: .2rem;
                transform: translate(0em, 0em);
                -webkit-transform: translate(0em, 0em);
            }
            .item:first-child {
                border-top: 0;
            }
            .item.active {
                color: #fff;
                padding: .75em 1.5em .9em;
                // background-color: #2f83d8;
                // border-left: 0.053333rem solid #ff671f;
                z-index: 1;
                .tit {
                    transform: translate(0px, 0);
                    -webkit-transform: translate(0px, 0);
                }
                .doc {
                    display: block;
                    width: 100%;
                    bottom: 0;
                    opacity: 1;
                    position: static;
                    color: white;
                }
            }
            .item.active::after {
                width: 100%;
                height: 100%;
                background-color: #0964b5;
            }
            .item.active:nth-child(2n)::after {
                width: 100%;
                background-color: #ff671f;
            }
        }
    }
}

.channel12 {
    margin-top: 5em;
    height: 40em;
    .boxs {
        display: flex;
        display: -webkit-flex;
    }
    .bgk {
        position: absolute;
        width: 100%;
        height: 40em;
        top: 0;
        left: 0;
        background: no-repeat center;
        background-size: cover;
    }
    .left {
        position: relative;
        width: 50%;
        .imgs {
            width: 5.15em;
            height: 5.3em;
            overflow: hidden;
            margin: 0 auto;
        }
    }
    .right {
        position: relative;
        width: 50%;
        .imgs {
            width: 4.4em;
            height: 5.15em;
            overflow: hidden;
            margin: 0 auto;
        }
    }
    .bd {
        position: relative;
        color: #fff;
        text-align: center;
        padding-top: 14.25em;
        .tit {
            font-size: 2.4em;
            line-height: 1;
            margin-top: 1.1em;
            margin-bottom: 0.61em;
            font-weight: bold;
        }
        .doc {
            font-size: 1.1em;
            line-height: 1.63;
        }
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

@media (max-width:991.98px) {
    .channel12 {
        margin-top: 1rem;
        height: 12.5rem;
        .boxs {
            display: block;
        }
        .bgk {
            position: absolute;
            width: 100%;
            height: 6.25rem;
            top: 0;
            left: 0;
            background: no-repeat center;
            background-size: cover;
        }
        .left {
            position: relative;
            width: 100%;
            height: 6.25rem;
            .imgs {
                width: 1.03rem;
                height: 1.05rem;
                overflow: hidden;
                margin: 0 auto;
            }
        }
        .right {
            position: relative;
            width: 100%;
            height: 6.25rem;
            .imgs {
                width: .88rem;
                height: 1.03rem;
                overflow: hidden;
                margin: 0 auto;
            }
        }
        .bd {
            position: relative;
            color: #fff;
            text-align: center;
            padding-top: 1.8rem;
            .tit {
                font-size: .48rem;
                line-height: 1;
                margin-top: .52rem;
                margin-bottom: 0.61em;
            }
            .doc {
                font-size: .28rem;
                line-height: .36rem;
                padding: 0 .8rem;
            }
        }
    }
}

.channel13 {
    margin-top: 5em;
    .public-title4 {
        margin-bottom: 2.8em;
    }
    .tabbox {
        padding: 0;
        border: 0;
        background-color: #fff;
        tr:nth-child(1) {
            background-color: #fff;
            td {
                padding-top: 0;
            }
        }
        tr {
            td:first-child {
                font-weight: bold;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel13 {
        margin-top: 1rem;
        .global-inner1 {
            padding: 0 .5rem !important;
        }
        .public-title4 {
            margin-bottom: .2rem;
        }
        .tabbox {
            padding: 0;
            border: 0;
            background-color: #fff;
            table {
                width: 100%;
                overflow-x: auto;
            }
            td {
                width: 33.33%;
            }
            td:first-child {
                text-align: left;
            }
            td:last-child {
                text-align: right;
            }
        }
    }
}

// 人才理念 结束
// 可持续发展 开始
.channel14 {
    .public-title5 {
        padding: 0 12.5em;
    }
    .boxs {
        position: relative;
        height: 26em;
    }
    .bgk {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 26em;
        background: no-repeat center;
        background-size: cover;
    }
    .bd {
        position: relative;
        padding-top: 8.7em;
        .tit {
            text-align: center;
            font-size: 2.4em;
            line-height: 1.791;
            font-weight: bold;
            color: #fff;
            text-shadow: 0px 8px 13px 0px rgba(0, 0, 0, 0.68);
        }
    }
}

@media (max-width:991.98px) {
    .channel14 {
        position: relative;
        .public-title5 {
            padding: 0em;
        }
        .boxs {
            position: relative;
            height: 5.2rem;
        }
        .bgk {
            position: absolute;
            width: 100%;
            height: 5.2rem;
        }
        .bd {
            position: relative;
            padding-top: 1.73rem;
            .tit {
                font-size: .48rem;
                line-height: .86r;
                font-weight: bold;
            }
        }
    }
}

.channel15 {
    margin-top: 5em;
    .boxs {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .left {
        width: 47.14%;
        .item {
            display: none;
            .imgs {
                width: 71.12%;
                height: 27.5em;
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
        }
        // .item:nth-child(4),
        // .item:nth-child(3),
        // .item:nth-child(2) {
        //     display: none;
        // }
        .item.active {
            display: block;
            transition: .3s;
        }
    }
    .right {
        width: 52.86%;
        display: flex;
        padding-top: 3.85em;
        border-top: 1px solid #717c85;
        overflow: hidden;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        .tit {
            font-size: 4em;
            line-height: 1;
            font-weight: bold;
            color: #d7dadd;
            white-space: nowrap;
            transition-duration: .4s;
            transition-timing-function: cubic-bezier(.25, .74, .22, .99);
        }
        .doc {
            display: none;
            position: relative;
            font-size: 1.1em;
            line-height: 1.63;
            color: #3d4b57;
            text-align: right;
            white-space: nowrap;
            opacity: 1;
            transition: .5s;
            -webkit-transition: .5s;
        }
        .doc::before {
            position: absolute;
            content: '';
            top: 2.54em;
            right: 0;
            width: .9em;
            height: .8em;
            background: no-repeat center;
            background-image: url(/img/images/develop-icon.svg);
            background-size: cover;
        }
        .channel15-swiper1 {
            width: 70%;
            // height: 100%;
            .bd {
                display: flex;
                display: -webkit-flex;
                justify-content: space-between;
                -webkit-justify-content: space-between;
            }
            .swiper-slide-active {
                .tit {
                    color: #394854;
                }
                // .doc{
                //     // display: block;
                //     opacity: 1;
                //     transition: 1s;
                //     -webkit-transition: 1s;
                // }
            }
            .swiper-slide-prev {
                .tit {
                    opacity: 0;
                    transition-duration: 1s;
                    transition-timing-function: cubic-bezier(.25, .74, .22, .99);
                }
            }
        }
        .channel15-swiper2 {
            width: 30%;
            height: 4em;
            overflow: hidden;
            // .doc{
            //     height: 4em !important;
            // }
        }
        .upDown {
            display: block !important;
        }
    }
}

@media (max-width:1300px) {
    .channel15 .right .tit {
        font-size: 3em;
    }
}

@media (max-width:991.98px) {
    .channel15 {
        margin-top: 5em;
        .boxs {
            flex-direction: column-reverse;
        }
        .left {
            width: 100%;
            margin-top: .5rem;
            .imgs {
                width: 100%;
                height: 7.2rem;
                overflow: hidden;
            }
        }
        .right {
            width: 100%;
            display: flex;
            padding-top: .77rem;
            border-top: 1px solid #717c85;
            overflow: hidden;
            .tit {
                font-size: .68rem;
                line-height: 1;
            }
            .doc {
                // display: none;
                position: relative;
                font-size: .28rem;
                line-height: .36rem;
                color: #3d4b57;
                opacity: 1;
            }
            .doc::before {
                position: absolute;
                content: '';
                top: .4rem;
                right: 0;
                width: .9em;
                height: .8em;
                background: no-repeat center;
                background-image: url(/img/images/develop-icon.svg);
                background-size: cover;
            }
            .channel15-swiper1 {
                width: 70%;
                // height: 100%;
                .item-slide {
                    // height: auto !important;
                }
                .bd {
                    display: flex;
                    display: -webkit-flex;
                    justify-content: space-between;
                    -webkit-justify-content: space-between;
                }
                .swiper-slide-active {
                    .tit {
                        color: #394854;
                    }
                    // .doc{
                    //     // display: block;
                    //     opacity: 1;
                    //     transition: 1s;
                    //     -webkit-transition: 1s;
                    // }
                }
                .swiper-slide-prev {
                    .tit {
                        opacity: 0;
                        transition-duration: 1s;
                        transition-timing-function: cubic-bezier(.25, .74, .22, .99);
                    }
                }
                .upDown {
                    display: block;
                }
            }
            .channel15-swiper2 {
                width: 30%;
                height: 4em;
                overflow: hidden;
                // .doc{
                //     height: 4em !important;
                // }
            }
        }
    }
}

// 可持续发展 结束
// 业务领域 开始
.p-business {
    .main-box {
        padding-top: 0;
    }
    .public-banner {
        height: 48em;
    }
}

@media (max-width:991.98px) {
    .p-business {
        .public-banner {
            height: 9.6rem;
        }
    }
}

.channel30 {
    margin-top: 0 !important;
    height: 48em;
    .boxs {
        position: relative;
    }
    .imgs {
        position: absolute;
        top: 0;
        left: 0;
        height: 48em;
    }
    .public-ban-paging {
        position: relative;
        width: 100%;
        height: 100%;
        bottom: 0em;
        left: 0em;
        .tit-box {
            position: absolute;
            left: 0;
            bottom: 5em;
        }
        .tit {
            position: relative;
            font-size: 2.4em;
            line-height: 1;
            color: #fff;
            padding-bottom: 0.625em;
            font-weight: normal;
            text-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.32);
        }
        .tit::before {
            position: absolute;
            content: '';
            left: 2em;
            bottom: 0;
            width: 2em;
            height: 0.0625em;
            background-color: #fff;
        }
        .tit::after {
            position: absolute;
            content: '';
            left: 0;
            bottom: 0;
            width: 2em;
            height: 0.0625em;
            background-color: #0055b8;
        }
    }
}

@media (max-width:991.98px) {
    .channel30 {
        position: relative;
        margin-top: 0 !important;
        height: 9.6rem;
        .boxs {
            position: relative;
        }
        .imgs {
            position: absolute;
            top: 0;
            left: 0;
            height: 9.6rem;
        }
        .public-ban-paging {
            position: absolute;
            width: 100%;
            height: 100%;
            bottom: 0em;
            left: 0em;
            .tit-box {
                position: absolute;
                left: .5rem;
                bottom: 1rem;
            }
            .tit {
                position: relative;
                font-size: .48rem;
                line-height: 1;
                color: #fff;
                padding-bottom: .3rem;
                font-weight: normal;
                text-shadow: 4px 7px 13px 0px rgba(0, 0, 0, 0.32);
            }
            .tit::before {
                position: absolute;
                content: '';
                left: .96rem;
                bottom: 0;
                width: .96rem;
                height: 0.03em;
                background-color: #fff;
            }
            .tit::after {
                position: absolute;
                content: '';
                left: 0;
                bottom: 0;
                width: 2em;
                height: 0.0625em;
                background-color: #0055b8;
            }
        }
    }
}

.channel16 {
    position: relative;
    height: 48em;
    .bgk {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: no-repeat center;
        background-size: cover;
    }
    .boxs {
        width: 47.15%;
        padding-top: 12.25em;
    }
}

@media (max-width:991.98px) {
    .channel16 {
        position: relative;
        height: 9.6rem;
        .bgk {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: no-repeat center;
            background-size: cover;
        }
        .boxs {
            width: 100%;
            padding-top: 2.36rem;
        }
    }
}

.channel17 {
    margin-top: 5em;
    .title {
        margin-bottom: 3em;
        .tit {
            font-size: 2.4em;
            line-height: 1;
            color: #333;
        }
    }
    .channel17-swiper5,
    .channel17-swiper4,
    .channel17-swiper3,
    .channel17-swiper2,
    .channel17-swiper1 {
        width: 100%;
        height: 100%;
        overflow: hidden;
        .item-slide {
            // height: 17.4em;
        }
        .item-box {
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
        }
        .item {
            width: 33.33%;
            padding-right: 1.5em;
            margin-bottom: 2em;
        }
        .item:nth-child(3n) {
            padding-right: 0;
        }
        .imgs {
            width: 100%;
            height: 15em;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .bd {
            margin-top: .4em;
        }
        .tit {
            font-size: 1em;
            line-height: 2;
            color: #333;
            text-align: center;
        }
        .swiper-pagination {
            bottom: 0;
        }
        .swiper-pagination-bullet {
            width: 1.5em;
            height: .3em;
            margin: 0 .5em;
            border-radius: 3px;
            background-color: #ccc;
        }
        .swiper-pagination-bullet-active {
            width: 3em;
            background-color: #0970d9;
        }
    }
    .swiper-wrap {
        .swiper-wrapper {
            height: 39.6em;
            flex-wrap: wrap;
            flex-direction: column;
        }
        .item-slide {
            margin-bottom: 2em;
        }
    }
    .swiper-nowrap {
        flex-wrap: nowrap !important;
        -webkit-flex-wrap: nowrap !important;
        .item {}
    }
}

@media (max-width:991.98px) {
    .channel17 {
        margin-top: 1rem;
        .title {
            margin-bottom: .6rem;
            .tit {
                font-size: .48rem;
                line-height: 1;
            }
        }
        .channel17-swiper5,
        .channel17-swiper4,
        .channel17-swiper3,
        .channel17-swiper2,
        .channel17-swiper1 {
            width: 100%;
            height: 100%;
            overflow: inherit;
            position: relative;
            .item-slide {
                // height: 17.4em;
            }
            .item-box {
                display: block;
            }
            .item {
                width: 100%;
                padding-right: 0 !important;
                margin-bottom: .2rem;
            }
            .imgs {
                width: 100%;
                height: 4.4rem;
                overflow: hidden;
            }
            .bd {
                margin-top: .4em;
            }
            .tit {
                font-size: 1em;
                line-height: 2;
                color: #333;
                text-align: center;
            }
            // .swiper-pagination {
            //     top: auto;
            //     bottom: 0;
            //     border-radius: .3rem;
            // }
            // .swiper-pagination-progressbar-fill {
            //     border-radius: .3rem;
            // }
            .swiper-pagination {
                bottom: -.3rem;
            }
            .swiper-pagination-bullet {
                width: .25rem;
                height: .04rem;
                margin: 0 .1rem;
                border-radius: 3px;
                background-color: #ccc;
            }
            .swiper-pagination-bullet-active {
                width: .5rem;
                background-color: #0970d9;
            }
        }
        .swiper-wrap {
            .swiper-wrapper {
                height: 40.2em;
                flex-wrap: wrap;
                flex-direction: column;
            }
            .item-slide {
                margin-bottom: 2em;
            }
        }
    }
}

.channel18 {
    margin-top: 5em;
    .imgs {
        width: 100%;
        height: 48em;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

@media (max-width:991.98px) {
    .channel18 {
        margin-top: 1rem;
        .imgs {
            width: 100%;
            height: 9.6rem;
        }
    }
}

// 业务领域 结束
// 关于我们 开始
.p-about {
    .main-box {
        padding-bottom: 0;
    }
}

.channel19 {
    text-align: center;
    .title {
        font-size: 2.4em;
        line-height: 1;
        font-weight: bold;
        color: #333;
        margin-bottom: .875em;
    }
    .tit {
        padding: 0 13em;
        font-size: 1.2em;
        line-height: 1.66;
        font-weight: bold;
        color: #222;
        margin-bottom: 1.416em;
        span {
            color: #0964b5;
        }
    }
    .doc {
        padding: 0 8em;
        font-size: 1em;
        line-height: 1.8;
        color: #666;
        margin-bottom: 1.6em;
    }
    .image {
        width: 14px;
        height: 40px;
    }
    .more {
        margin-top: 1.6em;
        .box {
            position: relative;
            padding-bottom: .2em;
            font-size: .7em;
            line-height: 1;
            font-weight: bold;
            color: #333;
            background: linear-gradient(#0964b5, #0964b5) 100% 100%/100% 2px no-repeat;
        }
    }
}

@media (min-width:991.98px) {
    .channel19 .more:hover {
        .box {
            color: #0964b5;
            animation: linelink 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
        }
    }
    @keyframes linelink {
        0% {
            background-size: 100% 2px;
            background-position: 100% 100%;
        }
        50% {
            background-size: 0 2px;
            background-position: 100% 100%;
        }
        51% {
            background-size: 0 2px;
            background-position: 0 100%;
        }
        to {
            background-size: 100% 2px;
            background-position: 0 100%;
        }
    }
}

@media (max-width:991.98px) {
    .channel19 {
        text-align: center;
        .title {
            font-size: .48rem;
            line-height: 1;
            margin-bottom: .48rem;
        }
        .tit {
            padding: 0em;
            font-size: .36rem;
            line-height: .52rem;
            margin-bottom: .39rem;
            span {
                color: #0964b5;
            }
        }
        .doc {
            padding: 0em;
            font-size: .28rem;
            line-height: .46r;
            margin-bottom: .39rem;
        }
        .image {
            width: 14px;
            height: 40px;
        }
        .more {
            margin-top: 1.6em;
            .box {
                position: relative;
                padding-bottom: .2rem;
                font-size: .28rem;
                background: linear-gradient(#0964b5, #0964b5) 100% 100%/100% 2px no-repeat;
            }
        }
    }
}

.channel20 {
    position: relative;
    width: 100%;
    height: 20em;
    margin-top: 5.35em;
    .bgk {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: no-repeat center;
        background-size: cover;
    }
    .boxs {
        padding: 0 19.25em;
        margin-top: 4.5em;
    }
    .tit {
        font-size: 2.4em;
        line-height: 1.25;
        color: #fff;
        text-align: center;
    }
    .more {
        position: relative;
        width: 8em;
        height: 2.3em;
        margin: 0 auto;
        margin-top: 2.2em;
        overflow: hidden;
        border-radius: 5px;
        border: 1px solid #fff;
        transition: all .5s;
        -webkit-transition: all .5s;
        .box {
            width: 100%;
            height: 100%;
            font-size: .7em;
            line-height: 1;
            color: #fff;
            overflow: hidden;
            white-space: nowrap;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
        }
    }
    .more::before {
        position: absolute;
        display: block;
        content: '';
        width: 10px;
        height: 10px;
        background-color: #0964b5;
        transform: scale(0);
        transition: all .5s;
        -webkit-transition: all .5s;
        left: -2%;
        top: 15px;
        z-index: -1;
        border-radius: 50%;
    }
}

@media (max-width:991.98px) {
    .channel20 {
        position: relative;
        width: 100%;
        height: 4rem;
        margin-top: 1.2rem;
        .boxs {
            padding: 0rem;
            margin-top: .9rem;
        }
        .tit {
            font-size: .48rem;
            line-height: .6rem;
        }
        .more {
            position: relative;
            width: 3rem;
            height: .6rem;
            margin: 0 auto;
            margin-top: .64rem;
            overflow: hidden;
            border-radius: 5px;
            border: 1px solid #fff;
            transition: all .5s;
            -webkit-transition: all .5s;
            .box {
                width: 100%;
                height: 100%;
                font-size: .26rem;
                line-height: 1;
                color: #fff;
                overflow: hidden;
            }
        }
        .more::before {
            position: absolute;
            display: block;
            content: '';
            width: 10px;
            height: 10px;
            background-color: #0964b5;
            transform: scale(0);
            transition: all .5s;
            -webkit-transition: all .5s;
            left: -2%;
            top: 15px;
            z-index: -1;
            border-radius: 50%;
        }
    }
}

@media (min-width:991.98px) {
    .channel20 .more:hover {
        border: 1px solid #0964b5;
    }
    .channel20 .more:hover::before {
        transform: scale(40);
    }
}

.channel21 {
    padding: 5em 0;
    .top {
        color: #333;
        text-align: center;
        margin-bottom: 2.35em;
        .tit {
            font-size: 2.4em;
            line-height: 1;
            font-weight: bold;
        }
        .doc {
            font-size: 1em;
            line-height: 1.3em;
            margin-top: 1.35em;
        }
    }
    .end {
        position: relative;
        width: 75em;
        height: 18em;
        margin: 0 auto;
        .bgk {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background: no-repeat center;
            background-size: cover;
        }
        .global-inner1 {
            padding: 0 5em !important;
            // margin: 0 -.3em !important;
        }
        .history-swiper {
            margin-top: 4.35em;
            overflow: hidden;
            .bd {
                position: relative;
                // padding: 0 .3em;
                padding-bottom: 1.6em;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                color: #fff;
                font-weight: bold;
                white-space: nowrap;
                border-bottom: 2px solid rgba(255, 255, 255, 0.2);
            }
            .tit {
                width: 100%;
                font-size: 1em;
                line-height: 1.3em;
                margin-bottom: 1em;
            }
            .time {
                width: 100%;
                font-size: .8em;
                line-height: 1;
            }
            .bd::before {
                position: absolute;
                content: '';
                bottom: -.4em;
                left: -0em;
                width: 14px;
                height: 22px;
                background-image: url(/img/images/history-d.svg);
            }
            .item-slide:nth-child(2n) {
                margin-top: 4.7em;
                .bd {
                    padding-bottom: 0;
                    padding-top: 1.6em;
                    flex-direction: column-reverse;
                    -webkit-flex-direction: column-reverse;
                    border-bottom: 0;
                    border-top: 2px solid rgba(255, 255, 255, 0.2);
                }
                .bd::before {
                    position: absolute;
                    content: '';
                    top: -.4em;
                    transform: rotate(180deg);
                    background-image: url(/img/images/history-d.png);
                }
                .tit {
                    margin-bottom: 0;
                }
                .time {
                    margin-bottom: .9em;
                }
            }
            .history-swiper-button-next::before,
            .history-swiper-button-prev::before {
                content: '';
            }
            .history-swiper-button-next,
            .history-swiper-button-prev {
                position: absolute;
                top: 45%;
                width: 1.8em;
                height: 1.8em;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: center;
                -webkit-ustify-content: center;
                border-radius: 50%;
                background-color: #ffffff;
                .bi {
                    width: .4em;
                    height: .6em;
                }
            }
            .history-swiper-button-next {
                right: 0;
            }
            .history-swiper-button-prev {
                left: 0;
            }
            .swiper-button-disabled {
                opacity: .5;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel21 {
        padding: 1.05rem 0 .7rem;
        .top {
            color: #333;
            text-align: center;
            margin-bottom: .53rem;
            .tit {
                font-size: .48rem;
                line-height: 1;
            }
            .doc {
                font-size: .28rem;
                line-height: .46rem;
                margin-top: .35rem;
            }
        }
        .end {
            position: relative;
            width: 100%;
            height: 4.6rem;
            margin: 0 auto;
            .bgk {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background: no-repeat center;
                background-size: cover;
            }
            .global-inner1 {
                padding: 0 0 0 .5rem !important;
            }
            .history-swiper {
                margin-top: .67rem;
                overflow: hidden;
                // position: relative;
                .item-slide {
                    width: 2rem !important;
                }
                .bd {
                    position: relative;
                    // padding: 0 .3em;
                    padding-bottom: .3rem;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                    // flex-wrap: wrap;
                    // -webkit-flex-wrap: wrap;
                    color: #fff;
                    font-weight: bold;
                    // white-space: nowrap;
                    border-bottom: 2px solid rgba(255, 255, 255, 0.2);
                }
                .tit {
                    width: 100%;
                    font-size: .3rem;
                    line-height: .42rem;
                    margin-bottom: .18rem;
                }
                .time {
                    width: 100%;
                    font-size: .28rem;
                    line-height: 1;
                }
                .bd::before {
                    position: absolute;
                    content: '';
                    bottom: -.4em;
                    left: -0em;
                    width: 14px;
                    height: 22px;
                    background-image: url(/img/images/history-d.svg);
                }
                .item-slide:nth-child(2n) {
                    margin-top: 1.15rem;
                    .bd {
                        padding-bottom: 0;
                        padding-top: .3rem;
                        flex-direction: column-reverse;
                        -webkit-flex-direction: column-reverse;
                        border-bottom: 0;
                        border-top: 2px solid rgba(255, 255, 255, 0.2);
                    }
                    .bd::before {
                        position: absolute;
                        content: '';
                        top: -.4em;
                        transform: rotate(180deg);
                        background-image: url(/img/images/history-d.png);
                    }
                    .tit {
                        margin-bottom: 0;
                    }
                    .time {
                        margin-bottom: .9em;
                    }
                }
                .swiper-button-disabled {
                    opacity: .5;
                }
                .history-swiper-pagination {
                    width: 85%;
                    top: auto;
                    height: .01rem;
                    left: .5rem;
                    bottom: 0.4rem;
                    background: rgba(255, 255, 255, 0.5);
                }
                .swiper-pagination-progressbar-fill {
                    background: #fff;
                }
            }
        }
    }
}

@media (min-width:991.98px) {
    .channel21 {
        .history-swiper-button-prev:hover,
        .history-swiper-button-next:hover {
            cursor: pointer;
            background-color: #0964b5 !important;
            transition: .5s;
            -webkit-transition: .5s;
            .bi {
                color: #fff;
            }
        }
        .swiper-button-disabled:hover {
            background-color: #fff !important;
            cursor: auto;
            .bi {
                color: #333;
            }
        }
    }
}

.channel22 {
    width: 100%;
    height: 100%;
    padding: 5em 0;
    background-color: #f4f4f4;
    .title {
        font-size: 2.4em;
        line-height: 1;
        font-weight: bold;
        color: #333;
        text-align: center;
    }
    .channel22-swiper {
        overflow: hidden;
        padding: 1em;
        margin: -1em;
        margin-top: 1.5em;
        .item-slide {
            box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
        }
        .imgs {
            width: 100%;
            height: 11em;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .bd {
            padding: 1.75em 1.5em 5.5em;
            color: #333;
            border-top: .5em solid #16a837;
        }
        .tit {
            font-size: 1.2em;
            line-height: 1.33;
            text-align: center;
        }
        .doc {
            height: 4.875em;
            font-size: .8em;
            line-height: 1.625;
            margin-top: 1.3em;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden;
        }
        .item-slide:nth-child(2n) {
            .bd {
                border-top: .5em solid #0964b5;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel22 {
        width: 100%;
        height: 100%;
        padding: 1rem 0;
        .title {
            font-size: .48rem;
            line-height: 1;
            font-weight: normal;
        }
        .channel22-swiper {
            overflow: hidden;
            padding: .2rem;
            margin: -.2rem;
            margin-top: .5rem;
            .imgs {
                width: 100%;
                height: 3.8rem;
            }
            .bd {
                padding: .4rem .7rem .53rem;
                color: #333;
                border-top: .1rem solid #16a837;
            }
            .tit {
                font-size: .34rem;
                line-height: .5rem;
                text-align: center;
            }
            .doc {
                height: 4.875em;
                height: 4.5em;
                font-size: .26rem;
                line-height: .4rem;
                margin-top: .2rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }
            .item-slide:nth-child(2n) {
                .bd {
                    border-top: .1rem solid #0964b5;
                }
            }
            .swiper-pagination {
                bottom: -.3rem;
            }
            .swiper-pagination-bullet {
                width: .25rem;
                height: .04rem;
                margin: 0 .1rem;
                border-radius: 3px;
                background-color: #ccc;
            }
            .swiper-pagination-bullet-active {
                width: .5rem;
                background-color: #0970d9;
            }
        }
    }
}

.channel23 {
    position: relative;
    width: 100%;
    height: 32.5em;
    .bgk {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: no-repeat center;
        background-size: cover;
    }
    .box {
        position: relative;
        padding-top: 5em;
    }
    .title {
        font-size: 2.4em;
        line-height: 1;
        font-weight: bold;
        color: #333;
        text-align: center;
    }
    .channel23-swiper {
        width: 100%;
        height: 100%;
        overflow: hidden;
        margin-top: 2.5em;
        .swiper-wrapper {
            // width: 70em;
            // height: 17.9em;
            // flex-wrap: wrap;
            // -webkit-flex-wrap: wrap;
            // flex-direction: column;
            // -webkit-flex-direction: column;
        }
        .item-slide {
            // padding-right: 1em;
            // height: 6.5em;
            // margin-bottom: 2em;
        }
        .item-box {
            // height: 17.9em;
            display: flex;
            display: -webkit-flex;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
        }
        .item {
            width: 14em;
            width: 20%;
            height: 6.5em;
            padding-right: 1em;
            margin-bottom: 2em;
        }
        .item:nth-child(5),
        .item:nth-child(10) {
            padding-right: 0;
        }
        .box {
            box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
        }
        .imgs {
            width: 100%;
            height: 6.5em;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .swiper-pagination {
            bottom: 0;
        }
        .swiper-pagination-bullet {
            width: 1.5em;
            height: .3em;
            margin: 0 .5em;
            border-radius: 3px;
            background-color: #ccc;
        }
        .swiper-pagination-bullet-active {
            width: 3em;
            background-color: #0970d9;
        }
    }
}

@media (max-width:991.98px) {
    .channel23 {
        position: relative;
        width: 100%;
        height: 6.1rem;
        .box {
            position: relative;
            padding-top: 1.1rem;
        }
        .title {
            font-size: .48rem;
            line-height: 1;
            font-weight: normal;
        }
        .channel23-swiper {
            width: 100%;
            height: 100%;
            overflow: inherit;
            margin-top: .5rem;
            position: relative;
            .swiper-wrapper {
                // height: 3.5rem;
                // flex-wrap: wrap;
                // -webkit-flex-wrap: wrap;
                // flex-direction: column;
                // -webkit-flex-direction: column;
            }
            .item-slide {
                // padding-right: .0rem;
                // height: 1.06rem;
                // margin-bottom: .3rem;
            }
            .item {
                width: 33.33%;
                height: 1.04rem;
                padding-right: .16rem;
                margin-bottom: .33rem;
            }
            .item:nth-child(5),
            .item:nth-child(10) {
                padding-right: .16rem;
            }
            .item:nth-child(3n) {
                padding-right: 0;
            }
            .imgs {
                width: 100%;
                height: 1.06rem;
            }
            // .swiper-pagination {
            //     top: auto;
            //     bottom: 0;
            // }
            .swiper-pagination {
                bottom: -.3rem;
            }
            .swiper-pagination-bullet {
                width: .25rem;
                height: .04rem;
                margin: 0 .1rem;
                border-radius: 3px;
                background-color: #ccc;
            }
            .swiper-pagination-bullet-active {
                width: .5rem;
                background-color: #0970d9;
            }
        }
    }
}

.channel24 {
    height: 22em;
    .boxs {
        padding: 0 15.75em !important;
        margin-top: 5.3em;
    }
    .more {
        margin-top: 2.4em;
    }
}

@media (max-width:991.98px) {
    .channel24 {
        height: 4.4rem;
        margin-top: 0;
        .boxs {
            padding: 0em !important;
            padding-top: 1.03rem !important;
            margin-top: 0em;
        }
        .more {
            width: 2rem;
            margin-top: 0.64rem;
        }
    }
}

.company-pop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 999;
    .box {
        position: relative;
    }
    .company-close {
        position: absolute;
        top: 1em;
        right: 1em;
        width: 2em;
        height: 2em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        border-radius: 50%;
        border: 2px solid #fff;
        .bi {
            width: .8em;
            height: .8em;
            color: #fff;
        }
    }
    .top {
        .image {
            width: 100%;
            height: 17em;
            object-fit: cover;
        }
    }
    .end {
        margin-top: 8em;
        .title {
            font-size: 2.4em;
            line-height: 1;
            font-weight: bold;
            color: #333;
            margin-bottom: .875em;
            text-align: center;
        }
        .tit {
            padding: 0 13em;
            font-size: 1.2em;
            line-height: 1.66;
            font-weight: bold;
            color: #222;
            margin-bottom: 1.416em;
            text-align: center;
            span {
                color: #0964b5;
            }
        }
        .image {
            width: 100%;
            height: 19em;
            padding: 0 2.5em;
            margin-top: .35em;
            object-fit: cover;
        }
        .doc {
            padding: 2.15em 7.5em 0;
            p {
                font-size: .8em;
                line-height: 1.875em;
                color: #666;
                margin-top: 2em;
            }
            p:first-child {
                margin-top: 0;
            }
        }
    }
}

@media (max-width:991.98px) {
    .company-pop.mob {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        .boxs {
            display: flex;
            display: -webkit-flex;
            .left {
                width: 50%;
                border-right: 1px solid #e6e6e6;
                .item {
                    position: relative;
                    padding: .25rem 0;
                    padding-right: .5rem;
                }
                .item::after {
                    position: absolute;
                    content: '';
                    right: 0.5rem;
                    top: 50%;
                    width: .25rem;
                    height: .25rem;
                    opacity: 0;
                    background-color: #0964b5;
                    transform: translateY(-50%);
                    -webkit-transform: translateY(-50%);
                }
                .tit {
                    font-size: .3rem;
                    line-height: 1;
                    color: #333;
                }
                .active.item {
                    background-color: #fbfbfb;
                    .tit {
                        font-weight: bold;
                    }
                }
                .active.item::after {
                    opacity: 1;
                }
            }
            .right {
                width: 50%;
                .box {
                    .items {
                        .title-box {
                            padding: .25rem 0;
                            padding-left: .5rem;
                            display: flex;
                            display: -webkit-flex;
                            justify-content: space-between;
                            .tit {
                                font-size: .3rem;
                                line-height: 1;
                                color: #333;
                            }
                            .more {
                                display: none;
                                width: .3rem;
                                height: .3rem;
                                background-color: #0b573e;
                            }
                        }
                        .list-box {
                            display: none;
                            padding: .15rem 0 .2rem;
                            border-top: 1px solid #dbdbdb;
                            .item-box {
                                padding: .15rem 0rem;
                                .tit {
                                    font-size: .28rem;
                                    line-height: 1;
                                    color: #4d4d4d;
                                    padding: .15rem 0;
                                    padding-left: .68rem;
                                }
                            }
                        }
                    }
                    .activeTit {
                        .title-box {
                            .more {
                                display: block;
                            }
                        }
                    }
                }
            }
        }
    }
}

.org-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 999;
    .box {
        position: relative;
    }
    .org-close {
        position: absolute;
        top: 1em;
        right: 1em;
        width: 2em;
        height: 2em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        border-radius: 50%;
        border: 2px solid #fff;
        .bi {
            width: .8em;
            height: .8em;
            color: #fff;
        }
    }
    .top {
        .image {
            width: 100%;
            height: 17.5em;
            object-fit: cover;
        }
    }
    .end {
        .image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

@media (max-width:991.98px) {
    .org-pop {
        display: none;
        // position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        background-color: #fff;
        z-index: 999;
        .box {
            position: relative;
        }
        .org-close {
            position: absolute;
            top: 1em;
            right: 1em;
            width: 2em;
            height: 2em;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            border-radius: 50%;
            border: 2px solid #fff;
            .bi {
                width: .8em;
                height: .8em;
                color: #fff;
            }
        }
        .top {
            .image {
                width: 100%;
                height: 3.8rem;
                object-fit: cover;
            }
        }
        .end {
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
    }
}

.contact-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    background-color: #fff;
    z-index: 999;
    .box {
        position: relative;
    }
    .contact-close {
        position: absolute;
        top: 1em;
        right: 1em;
        width: 2em;
        height: 2em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        border-radius: 50%;
        border: 2px solid #fff;
        .bi {
            width: .8em;
            height: .8em;
            color: #fff;
        }
    }
    .top {
        .image {
            width: 100%;
            height: 17.5em;
            object-fit: cover;
        }
    }
    .end {
        margin-top: 8em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        background-color: #fcfcfc;
        .left {
            width: 65.625%;
            width: 52.5em;
            height: 32.5em;
            // #map {
            //     width: 65.625%;
            //     width: 52.5em;
            //     height: 32.5em;
            // }
            // .image {
            //     width: 100%;
            //     height: 100%;
            //     object-fit: cover;
            // }
        }
        .right {
            width: 34.375%;
            padding-left: 5em;
            .title {
                width: max-content;
                padding-bottom: 1.25em;
                border-bottom: 1px solid #4d4d4d;
                .tit {
                    font-size: 2em;
                    line-height: 1;
                    font-weight: bold;
                    color: #256dcf;
                }
            }
            .list {
                margin-top: 2.2em;
            }
            .item {
                margin-bottom: 1.5em;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                .icon {
                    margin-right: 1.4em;
                    img {
                        width: 1.6em;
                        height: 1.6em;
                        object-fit: cover;
                    }
                }
                .bd {
                    font-size: .9em;
                    line-height: 1.44;
                    color: #4d4d4d;
                    span {
                        font-weight: bold;
                    }
                }
            }
        }
    }
}

@media (max-width:991.98px) {
    .contact-pop {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        background-color: #fff;
        z-index: 999;
        .box {
            position: relative;
        }
        .contact-close {
            position: absolute;
            top: 1em;
            right: 1em;
            width: 2em;
            height: 2em;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
            border-radius: 50%;
            border: 2px solid #fff;
            .bi {
                width: .8em;
                height: .8em;
                color: #fff;
            }
        }
        .top {
            .image {
                width: 100%;
                height: 17.5em;
                object-fit: cover;
            }
        }
        .end {
            margin-top: .8rem;
            display: block;
            .left {
                width: 100%;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .right {
                width: 100%;
                padding-left: 0em;
                margin-top: .5rem;
                .title {
                    text-align: center;
                    width: 100%;
                    padding-bottom: 1.25em;
                    border-bottom: 1px solid #4d4d4d;
                    .tit {
                        font-size: .44rem;
                        line-height: 1;
                        font-weight: bold;
                        color: #256dcf;
                    }
                }
                .list {
                    margin-top: .3rem;
                }
                .item {
                    margin-bottom: 1.5em;
                    display: flex;
                    display: -webkit-flex;
                    align-items: center;
                    -webkit-align-items: center;
                    padding-left: .8rem;
                    .icon {
                        margin-right: 1.4em;
                        img {
                            width: 1.6em;
                            height: 1.6em;
                            object-fit: cover;
                        }
                    }
                    .bd {
                        font-size: .9em;
                        line-height: 1.44;
                        color: #4d4d4d;
                        span {
                            font-weight: bold;
                        }
                    }
                }
            }
        }
    }
}

// 关于我们 结束
// 工厂能力 开始
.channel25 {
    .boxs {
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .left {
        width: 50.86%;
        padding: 4.75em 5em;
        margin-left: -5em;
        overflow: hidden;
        background-color: #f5f8fa;
        .image {
            width: 100%;
            height: 24.75em;
            object-fit: cover;
        }
        .animate__zoomedOutImage {
            -webkit-animation-name: slide-in-center;
            animation-name: slide-in-center;
            -webkit-animation-delay: .5s;
            animation-delay: .5s;
            -webkit-animation-duration: 3s;
            animation-duration: 3s;
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both
        }
    }
    .right {
        width: 49.14%;
        .title {
            font-size: 2.4em;
            line-height: 1;
            font-weight: bold;
            color: #0970d9;
        }
        .doc {
            margin-top: 2em;
            p {
                font-size: .9em;
                line-height: 2;
                color: #4d4d4d;
            }
        }
        .list {
            margin-top: 4.8em;
            display: flex;
            display: -webkit-flex;
            .item {
                width: 11em;
                max-width: 11em;
                margin-right: 1.5em;
                padding-bottom: .5em;
                border-bottom: 2px solid #999;
            }
            .item:last-child {
                margin-right: 0;
            }
            .tit {
                white-space: nowrap;
                line-height: 1;
                font-weight: bold;
                font-size: 3em;
                // background: url(/img/images/channel25.jpg) no-repeat;
                background: url(/img/images/channel25-tit-bgk1.jpg) no-repeat;
                background-attachment: fixed;
                background-clip: text;
                -webkit-background-clip: text;
                background-size: cover;
                background-position: center center;
                color: transparent;
                filter: brightness(0.8);
                span {
                    margin-right: .33em;
                }
            }
            .item:nth-child(2) {
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: 3em;
                    // background: url(/img/images/channel25.jpg) no-repeat;
                    background: url(/img/images/channel25-tit-bgk2.jpg) no-repeat;
                    background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                }
            }
            .item:nth-child(3) {
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: 3em;
                    // background: url(/img/images/channel25.jpg) no-repeat;
                    background: url(/img/images/channel25-tit-bgk3.jpg) no-repeat center;
                    background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                }
            }
            .docx {
                font-size: .9em;
                line-height: 2em;
                color: #333;
                margin-top: 1.3em;
            }
        }
    }
}

@media (max-width:991.98px) {
    .channel25 {
        .boxs {
            flex-direction: column-reverse;
        }
        .left {
            width: 100%;
            padding: 4.75em 5em;
            margin-left: -5em;
            overflow: hidden;
            background-color: #f5f8fa;
            .image {
                width: 100%;
                height: 24.75em;
                object-fit: cover;
            }
        }
        .right {
            width: 100%;
            .title {
                font-size: .48rem;
                line-height: 1;
                font-weight: bold;
                color: #0970d9;
            }
            .doc {
                margin-top: .35rem;
                p {
                    font-size: .28rem;
                    line-height: .46rem;
                    color: #4d4d4d;
                }
            }
            .imgs {
                margin: .48rem 0 .64rem;
                width: 100%;
                height: 3rem;
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .list {
                margin-top: .56rem;
                display: flex;
                display: -webkit-flex;
                flex-wrap: wrap;
                -webkit-flex-wrap: wrap;
                .item {
                    width: 50%;
                    // max-width: 2rem;
                    margin-right: 0rem;
                    padding-bottom: 0;
                    border-bottom: 0;
                    padding-right: .8rem;
                    margin-bottom: .6rem;
                }
                .box {
                    width: 100%;
                    height: 100%;
                    display: block;
                    padding-bottom: .14rem;
                    border-bottom: 2px solid #999;
                }
                .item:last-child {
                    padding-right: 0;
                    margin-right: 0;
                    margin-bottom: 0;
                }
                .tit {
                    white-space: nowrap;
                    line-height: 1;
                    font-weight: bold;
                    font-size: .6rem;
                    background: url(/img/images/channel25.jpg) no-repeat;
                    background-attachment: fixed;
                    background-clip: text;
                    -webkit-background-clip: text;
                    background-size: cover;
                    background-position: center center;
                    color: transparent;
                    filter: brightness(0.8);
                    span {
                        margin-right: .33em;
                    }
                }
                .docx {
                    font-size: .28rem;
                    line-height: .36rem;
                    color: #333;
                    margin-top: .26rem;
                }
            }
        }
    }
}

@-webkit-keyframes slide-in-center {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes slide-in-center {
    0% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.channel26 {
    margin-top: 5em;
    .boxs {
        position: relative;
        width: 100%;
        .bgk {
            width: 100%;
            // width: 1920px;
            height: 48em;
            // height: 960px;
            .images {
                width: 100%;
                height: 100%;
                object-fit: fill;
            }
        }
    }
    .hd {
        position: absolute;
        top: 12.5%;
        left: 39.32%;
        // position: relative;
        // width: 100%;
        color: #fff;
        text-align: center;
        // z-index: 6;
        .tit {
            font-size: 2.4em;
            line-height: 1;
            font-weight: bold;
        }
        .doc {
            font-size: .9em;
            line-height: 2.22;
            margin-top: 1em;
        }
    }
    .icon-pop {
        // display: none;
        position: absolute;
        top: 0;
        right: -26.7em;
        right: 0;
        width: 26.7em;
        max-width: 26.7em;
        z-index: 5;
        transform: translateX(26.7em);
        transition: .5s;
        .bd {
            color: #333;
            padding: 2.75em 0 2.75em 3.85em;
            background-color: #fff;
        }
        .top {
            padding-bottom: 1.5em;
            border-bottom: 1px solid rgba(204, 204, 204, .5);
            .tit {
                font-size: 1.8em;
                line-height: 2em;
            }
            .doc {
                .num {
                    font-size: 1.2em;
                    line-height: 1;
                }
                .docx {
                    font-size: .7em;
                    line-height: 1;
                    margin-top: 1.21em;
                }
            }
        }
        .end {
            .tit {
                display: flex;
                display: -webkit-flex;
                align-items: baseline;
                -webkit-align-items: baseline;
                .num {
                    font-size: 4.4em;
                    line-height: 1;
                    font-weight: bold;
                    margin-left: -.08em;
                }
                .unit {
                    font-size: .9em;
                }
            }
            .doc {
                font-size: .7em;
                line-height: 1;
                margin-top: 1em;
            }
        }
    }
    .icon {
        position: absolute;
        width: 2em;
        height: 2.5em;
        background-image: url(/img/images/gczl-mr.svg);
        z-index: 3;
        cursor: pointer;
    }
    // .icon1 {
    //     left: 12.8125%;
    //     top: 43.75%;
    // }
    .icon1 {
        left: 19.94%;
        top: 46.875%;
    }
    .icon2 {
        left: 23.17%;
        top: 57.8125%;
    }
    // .icon4 {
    //     left: 28.38%;
    //     top: 57.8125%;
    // }
    .icon3 {
        left: 41.66%;
        top: 63.9583%;
    }
    .icon4 {
        left: 46.458333%;
        top: 56.5625%;
    }
    .icon5 {
        left: 50.15625%;
        top: 49.375%;
    }
    .icon6 {
        left: 67.1875%;
        top: 46.5625%;
    }
    .icon7 {
        left: 69.0625%;
        top: 65.833%;
    }
    .icon8 {
        right: 6.77083%;
        bottom: 9.0625%;
    }
    .icon-hover {
        background-image: url(/img/images/gczl-xz.svg);
    }
}

.icon-pop1 {
    .bgk-m {
        position: absolute;
        content: '';
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .56);
    }
}

@media (max-width:991.98px) {
    .channel26 {
        padding: .9rem 0;
        margin-top: 1rem;
        background-color: #fafafa;
        .boxs {
            position: relative;
            width: 100%;
            .bgk {
                width: 100%;
                // width: 1920px;
                height: 2.68rem;
                // height: 960px;
                padding: 0 .5rem;
                .images {
                    width: 100%;
                    height: 100%;
                    object-fit: fill;
                }
            }
        }
        .hd {
            position: relative;
            top: 0;
            left: 0;
            // position: relative;
            // width: 100%;
            color: #333;
            text-align: center;
            margin-bottom: .36rem;
            // z-index: 6;
            .tit {
                font-size: .48rem;
                line-height: 1;
                font-weight: bold;
            }
            .doc {
                font-size: .28rem;
                line-height: .4rem;
                margin-top: .25rem;
                padding: 0 1.3rem;
                color: #4d4d4d;
            }
        }
        .list {
            padding: .15rem .5rem 0;
            display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            -webkit-justify-content: space-between;
            flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            .box {
                width: 100%;
                height: 100%;
                display: flex;
                display: -webkit-flex;
                align-items: center;
                -webkit-align-items: center;
                justify-content: space-between;
                -webkit-justify-content: space-between;
            }
            .item {
                width: 50%;
                max-width: 2.85rem;
                padding: .35rem 0 .3rem;
                border-bottom: 1px solid #dadada;
            }
            .left {
                font-size: .28rem;
                line-height: 1;
                color: #333;
            }
            .bi {
                width: .12rem;
                height: .24rem;
            }
        }
    }
}

.channel27 {
    position: relative;
    margin-top: 5em;
    .bgk {
        position: absolute;
        top: 22em;
        right: 0;
        width: 100%;
        height: 32.5em;
        background: no-repeat center;
        background-size: cover;
    }
    .boxs {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
    }
    .left {
        width: 50%;
        padding-right: 8.6em;
        margin-top: 3.25em;
        .title {
            font-size: 2.4em;
            line-height: 1.25em;
            font-weight: bold;
            color: #0970d9;
        }
        .doc {
            margin-top: 1.7em;
            font-size: .9em;
            line-height: 1.44em;
            color: #1d2f45;
        }
        .docx {
            white-space: nowrap;
            line-height: 1;
            font-weight: bold;
            font-size: 1.8em;
            margin-top: 5.833em;
            // background: url(/img/images/channel25.jpg) no-repeat;
            background: url(/img/images/channel27-tit-bgk.jpg) no-repeat left;
            background-attachment: fixed;
            background-clip: text;
            -webkit-background-clip: text;
            background-size: cover;
            background-position: center center;
            color: transparent;
            filter: brightness(0.8);
        }
    }
    .right {
        width: 50%;
        // margin-right: -13em;
        .image {
            width: 48em;
            height: 34em;
            object-fit: cover;
        }
    }
}

@media (max-width:991.98px) {
    .channel27 {
        position: relative;
        margin-top: 1rem;
        .bgk {
            position: absolute;
            top: 22em;
            right: 0;
            width: 100%;
            height: 32.5em;
            background: no-repeat center;
            background-size: cover;
        }
        .boxs {
            display: block;
        }
        .left {
            width: 100%;
            padding-right: 0rem;
            margin-top: 0em;
            .title {
                font-size: .48rem;
                line-height: .6rem;
                font-weight: bold;
                color: #0970d9;
                padding-right: 1.20rem;
            }
            .doc {
                margin-top: 1.7em;
                font-size: .9em;
                line-height: 1.44em;
                color: #1d2f45;
            }
            .imgs {
                margin: .48rem 0 0;
                width: 100%;
                height: 3rem;
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .docx {
                white-space: nowrap;
                line-height: 1;
                font-weight: bold;
                font-size: .36rem;
                margin-top: .54rem;
                background: url(/img/images/channel25.jpg) no-repeat;
                background-attachment: fixed;
                background-clip: text;
                -webkit-background-clip: text;
                background-size: cover;
                background-position: center center;
                color: transparent;
                filter: brightness(0.8);
            }
        }
    }
}

.channel28 {
    margin-top: 5em;
    .title {
        font-size: 2.4em;
        line-height: 1;
        color: #333;
        font-weight: bold;
        text-align: center;
    }
    .channel28-swiper {
        overflow: hidden;
        padding: 1em;
        margin: -1em;
        margin-top: 3em;
        padding-bottom: 4.3em;
        .box {
            width: 100%;
            height: 100%;
            display: block;
            padding-top: 3em;
            background-color: #ffffff;
            border: 1px solid #e5e5e5;
            box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.1);
        }
        .imgs {
            width: 6.8em;
            height: 13.5em;
            margin: 0 auto;
            overflow: hidden;
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .bd {
            margin-top: 2.5em;
            padding: 1em 1.5em;
            border-top: 1px solid #dbdbdb;
            .tit {
                font-size: 1em;
                line-height: 2em;
                color: #333;
                text-align: center;
            }
        }
        .swiper-pagination {
            bottom: 0;
        }
        .swiper-pagination-bullet {
            width: 1.5em;
            height: .3em;
            margin: 0 .5em;
            border-radius: 3px;
            background-color: #ccc;
        }
        .swiper-pagination-bullet-active {
            width: 3em;
            background-color: #0970d9;
        }
    }
}

@media (max-width:991.98px) {
    .channel28 {
        margin-top: 1.1rem;
        .title {
            font-size: .48rem;
            line-height: 1;
        }
        .channel28-swiper {
            overflow: hidden;
            padding: 1em;
            margin: -1em;
            margin-top: 3em;
            padding-bottom: 1rem;
            .box {
                width: 100%;
                height: 100%;
                display: block;
                padding-top: .6rem;
                background-color: #ffffff;
                border: 1px solid #e5e5e5;
                box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, 0.1);
            }
            .imgs {
                width: 1.2rem;
                height: 2.5rem;
                margin: 0 auto;
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .bd {
                margin-top: 0.5rem;
                padding: .2rem .3rem;
                border-top: 1px solid #dbdbdb;
                .tit {
                    font-size: .28rem;
                    line-height: .4rem;
                }
            }
            .swiper-pagination {
                bottom: 0rem;
            }
            .swiper-pagination-bullet {
                width: .3rem;
                height: .04rem;
                margin: 0 .1rem;
                border-radius: 3px;
                background-color: #ccc;
            }
            .swiper-pagination-bullet-active {
                width: .6rem;
                background-color: #0970d9;
            }
        }
    }
}

.channel29 {
    margin-top: 5em;
    .title {
        font-size: 2.4em;
        line-height: 1;
        color: #333;
        font-weight: bold;
        text-align: center;
    }
    .top {
        margin-top: 2.5em;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        .list {
            display: flex;
            display: -webkit-flex;
        }
        .item {
            height: 2em;
            padding: 0 2em;
            display: flex;
            display: -webkit-flex;
            align-items: center;
            -webkit-align-items: center;
            justify-content: center;
            -webkit-justify-content: center;
        }
        .tit {
            font-size: .8em;
            line-height: 2.22;
            color: #333;
        }
        .active.item {
            padding: 0 1.5em;
            // margin-right: 2.5em;
            background-color: #0970d9;
            border-radius: 20px;
            .tit {
                color: #fff;
            }
        }
    }
    .end {
        margin-top: 3em;
    }
    .channel29-swiper3,
    .channel29-swiper2,
    .channel29-swiper1 {
        overflow: hidden;
        padding: 1em;
        margin: -1em;
        margin-top: 3em;
        // padding-bottom: 4.3em;
        .box {
            width: 100%;
            height: 100%;
            display: block;
        }
        .imgs {
            width: 100%;
            height: 17.75em;
            margin: 0 auto;
            overflow: hidden;
            box-shadow: 5px 7px 13px 0px rgba(0, 0, 0, .1);
            .image {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .bd {
            padding: .8em 1.5em;
            .tit {
                height: 2.6em;
                font-size: .8em;
                line-height: 1.25;
                color: #333;
                text-align: center;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden;
            }
        }
        .swiper-pagination {
            bottom: 0;
        }
        .swiper-pagination-bullet {
            width: 1.5em;
            height: .3em;
            margin: 0 .5em;
            border-radius: 3px;
            background-color: #ccc;
        }
        .swiper-pagination-bullet-active {
            width: 3em;
            background-color: #0970d9;
        }
    }
    .channel29-swiper3,
    .channel29-swiper2 {
        display: none;
    }
}

@media (max-width:991.98px) {
    .p-plant {
        .main-box {
            padding-bottom: 1rem;
        }
    }
    // .p-plantx {
    //     .main-box {
    //         padding-bottom: 0rem;
    //     }
    // }
    .channel29 {
        padding: 1rem 0;
        margin-top: 1rem;
        background-color: #fafafa;
        .title {
            font-size: .48rem;
            line-height: 1;
        }
        .top {
            margin-top: .5rem;
            .item {
                height: .6rem;
                padding: 0 .45rem;
            }
            .tit {
                font-size: .8em;
                line-height: 2.22;
                color: #333;
            }
            .active.item {
                padding: 0 1.5em;
                // margin-right: 2.5em;
                background-color: #0970d9;
                border-radius: 20px;
                .tit {
                    color: #fff;
                }
            }
        }
        .end {
            margin-top: .0em;
        }
        .channel29-swiper3,
        .channel29-swiper2,
        .channel29-swiper1 {
            overflow: hidden;
            padding: .2rem;
            margin: -.2rem;
            margin-top: .4rem;
            padding-bottom: .3rem;
            .box {
                width: 100%;
                height: 100%;
                display: block;
            }
            .imgs {
                width: 100%;
                height: 4.35rem;
                margin: 0 auto;
                overflow: hidden;
                .image {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
            }
            .bd {
                padding: .15rem .3rem;
                .tit {
                    height: 2.6em;
                    font-size: .26rem;
                    line-height: .36r;
                    color: #333;
                    text-align: center;
                    display: -webkit-box;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 3;
                    overflow: hidden;
                }
            }
            .swiper-pagination {
                bottom: 0rem;
            }
            .swiper-pagination-bullet {
                width: .3rem;
                height: .04rem;
                margin: 0 .1rem;
                border-radius: 3px;
                background-color: #ccc;
            }
            .swiper-pagination-bullet-active {
                width: .6rem;
                background-color: #0970d9;
            }
        }
        .channel29-swiper3,
        .channel29-swiper2 {
            display: none;
        }
    }
}

// 工厂能力 结束
@media (min-width:991.98px) {
    .channel29-swiper .box:hover,
    .channel28 .channel28-swiper .box:hover {
        .tit {
            color: #0970d9;
        }
    }
    .channel2 .news-list .item:hover,
    .channel1 .boxs:hover,
    .channel23 .channel23-swiper .item-slide:hover,
    .channel22 .channel22-swiper .item-slide:hover {
        .bd {
            color: #0970d9;
        }
        .image {
            transform: scale(1.1);
            transition: .3s;
        }
    }
    .channel5 .item1:hover,
    .channel2 .news-list .item:hover {
        .doc {
            color: #0970d9;
        }
    }
    .crumbs-new .right .item:hover,
    .channel4 .catalog .list .item:hover {
        .time,
        .tit {
            color: #0970d9;
        }
    }
    .channel4 .catalog .back-list .box:hover {
        color: #0970d9;
    }
    .channel28 .channel28-swiper .box:hover,
    .channel17 .swiper-wrap .item-slide:hover {
        .tit {
            color: #0970d9;
        }
        .image {
            transform: scale(1.1);
            transition: .3s;
        }
    }
    .channel10 .end1 .list .item:hover {
        .tit {
            color: #0970d9;
        }
    }
    .channel28 .channel28-swiper .imgs {
        overflow: inherit;
    }
    .channel7 .tabbox tr:hover {
        color: #0970d9;
        td {
            border-bottom: 1px solid #0970d9;
        }
    }
    .channel13 .more-btn:hover {
        transition: .3s;
        border: 1px solid #0970d9;
        background-color: #fff;
        .box {
            color: #0970d9;
        }
    }
}